html,body{padding:0;margin:0;background-color: #f9f9f9;background-size:100% auto;background-position:top center;}
body{font-family: "Microsoft YaHei", "SimSun", "Monaco", Arial, sans-serif;}
body,.reset-fontsize{
/* Set default font-size as 12px(12/16=0.75). All browser root node font size is 16px */
font-size:12px;}
ul,li,ol{list-style:none;margin:0;padding:0;}
/* for 480 px + width screen */
@media (min-device-width:321px) and (max-device-width:480px){
  body, .reset-fontsize{font-size:16px;}
  .msie body, .msie .reset-fontsize{font-size:12px;}
}
/* for 480 px + width screen */
@media (min-device-width:481px) and (max-device-width:720px){
  body, .reset-fontsize{font-size:20px;}
}
/* for 480 px + width screen */
@media (min-device-width:721px){
  body, .reset-fontsize{font-size:24px;}
}

a{color:inherit;text-decoration: none;}
a:hover{text-decoration: underline;}
input:-moz-placeholder { color: #DADADA;}
::-webkit-input-placeholder { color:#DADADA;}
/* HTML Initial Set complete */


/*Index*/  
/* Grid menu style */
.grid-menu-title{padding:4.5em 0 2.9em;width:51.3%;margin:0 auto;}
.grid-menu-title img{width:100%;}
.grid-menu{text-align:center;/*font-size:0;*/padding-bottom:50px;width: 22em;margin: 0 auto;}
.grid-item{width:10em;height:9em;margin:0.2em;border:1px solid #FFF;text-align:center;display:inline-block;
  vertical-align:middle;}
.grid-item span{display:inline-block;}
.grid-item a{display:block;width:100%;height:100%;}
.grid-title-en{width:100%;font-size:0.9em;color:#999;line-height:0.7em;text-transform: uppercase;margin-bottom:0.21em;
  font-family:'Helvetica Light';}
.grid-title-cn{width:100%;font-size:1.4em;color:#FFF;}
.grid-icon{display:block;width:3.75em;height:3.75em;margin:1.16em auto 0.21em;
  /*background:url("imgs/ftworld-menu-icon.png") scroll no-repeat 2% 0;*/
  background-size:200% auto;}
.grid-icon-whats-new{background-position:0 57.3%;}
.grid-icon-cooking-class{background-position:0 0;}
.grid-icon-love-energy{background-position:0 28.5%;}
.grid-icon-about-fotile{background-position:0 43%;}
.grid-icon-fotile-project{background-position:14.3%;}
.grid-icon-jobs{display:block;width:3.75em;height:3.75em;margin:1.16em auto 0.21em;background:url("imgs/jobs_icon.png") scroll no-repeat 2% 2%;background-size:100% auto;}
.grid-image img{display:static;width:100%;}
.grid-item-jobs{ width:20.5em;}













.wrd-home { padding-top:65px; overfllow:hidden; position:relative; /*background:url(../imgs/bg.jpg) no-repeat center top fixed;*/}
.wrd-home .logo{ width:328px; height:127px; margin:0 auto 36px;}
  .wrd-home .menu{ display:block; margin:35px auto 0 auto; overflow:hidden; width:496px; padding:0}
  .wrd-home .menu li{ width:240px; height:220px; float:left; margin:3px; border:1px solid #FFF;}
  .wrd-home .menu li a{ display:block; margin:40px auto 0 auto; text-align:center; font-size:2em; color:#FFF; }
  .wrd-home .menu li a img{ margin:0 auto; margin-bottom:7px;}
  .wrd-home .menu li a span{ display:block; font-size:0.5em; line-height:.8em; font-family:Arial, Helvetica, sans-serif;color:#999}
  .wrd-home .bgImage{ position:absolute; top:0; z-index:-1;}
  .wrd-home .bgImage img{ width:100%;}
  
/*Classroom*/  
.mg_25_10{ float:left; margin:25px 10px 0 25px;}
.wrd-classroom .enter-box{ margin:10px; position:relative;}
.wrd-classroom .enter-box a{ display:block; font-size:36px; color:#FFF; position:absolute; top:50%; opacity:0.9;}
.wrd-classroom .enter-box a p{float:left;text-align:center;width:160px; height:80px; margin:0;}
.wrd-classroom .enter-box a.br15{width:auto; height:100px;line-height:100px; margin-top:-50px; right:30px; }
.wrd-classroom .enter-box a.br35{width:220px; height:80px; line-height:80px; text-align:center;padding-left:30px; margin-top:-42px; right:50px; }
.wrd-classroom .enter-box a img.fL{ margin:25px 10px 0 25px; float:left;}
.wrd-classroom .enter-box a span.ui{ width:22px; height:40px; background-position:0 0; float:right;}
.wrd-classroom .enter-box img.bgImage{ width:100%;}
.wrd-classroom .enter-box a.br15 span.ui{margin:30px 20px 0 0; }
.wrd-classroom .enter-box a.br35 span.ui{margin:20px 23px 0 0; }


/*News*/
.wrd-news .title{ margin:10px;}
.wrd-news .title img{ width:100%;}
.wrd-news .list{ margin:0 10px;}
.wrd-news .list li{ background-color:#FFF; height:auto; overflow:hidden; margin-bottom:1px; clear:both}
.wrd-news .list li .pic{ float:left; width:52%;}
.wrd-news .list li .pic img{ width:100%;}
.wrd-news .list li .infor{ float:right; width:48%; position:relative;}
.wrd-news .list li .infor p{ float:right; margin:50px 40px 0 0; color:#000; font-size:32px;}
.wrd-news .list li .infor p span{ width:60px; height:60px; background-position:-30px 0; margin:10px auto;}

.wrd-news-detail{ background:#FFF; margin:0;color:#666;line-height:2.5em;/*不知名问题*/}
.wrd-news-detail .title{ margin:0;}
.wrd-news-detail .title img{ width:100%;}
.wrd-news-detail .title p{text-indent: 0;}
.wrd-news-detail .wrd-content{ margin:10px 25px; background:#FFF;}
.wrd-news-detail .wrd-content h1{ font-size:40px; font-weight:normal; color:#000; margin:40px 0;line-height:50px;}
.wrd-news-detail .wrd-content h6{ font-size:42px; font-weight:normal; color:#000; margin:40px 0;line-height:50px;}
.wrd-news-detail .wrd-content-label{text-indent: 0;font-size: 2.4em;margin-bottom:-15px;color:#000;}
.wrd-content p{ font-size:26px; color:#666; line-height:1.6em;text-indent: 2em;text-align: justify;margin:20px 0;}
.wrd-content p > img{margin:0;margin-left:-2em;}
/*.wrd-content .wrd-content-img{text-indent: 0;}
.wrd-content .wrd-content-img > img{margin-left}*/
.wrd-content .noident{text-indent:0;}
.wrd-content a.join{ display:block; width:270px; height:70px; line-height:68px; border-radius:35px; text-align:center; color:#FFF; background:#bf8869; font-size:32px; margin:40px auto; }
.wrd-content a.join span.ui{ float:right;width:22px; height:40px; background-position:0 0; margin:15px 30px 0 0; }
.wrd-content-tline{ border-bottom:1px solid #ccc; padding-bottom:10px;}

/*rxy*/
.wrd-classroom .enter-box a.rxy_ms { height:145px; margin-top:-65px; width:260px;}
.wrd-classroom .enter-box a.rxy_ms .rxy_wz { width:140px; line-height:1.5; font-size:1.2em; margin-top:25px;}
.wrd-classroom .enter-box a.rxy_ms span.ui{ width:60px; height:60px; background-position:-100px 0; float:right; margin-top:-57px;}
.wrd-classroom .enter-box a.rxy_hs {height: 164px;line-height: 1.3em;
  width: 36%; clear: both; display: block; top: 0; left: 0; text-align: center; padding: 30px 30px;}
.wrd-classroom .enter-box a.rxy_hs img{display:inline;margin-top:10px;}
.wrd-classroom .enter-box a.rxy_hs-line1{padding-top:50px;padding-bottom:10px;}
.wrd-classroom .enter-box a.rxy_hs1 span.ui{ width:60px; height:60px; background-position:-100px 0; float:right; margin-top:30px; margin-left:110px; }
.wrd-classroom .enter-box a.rxy_hs .rxy_hswz { font-size:1.2em; margin:45px 5px 0 83px;line-height:1.2; height:70px;}
.wrd-classroom .enter-box a.rxy_hs .rxy_hswz-line1{line-height: 80px;}
.wrd-classroom .enter-box a.rxy_hs span.tool{ width:50px; height:60px; background-position:-170px 0; float:left; margin-left:30px; margin-top:-55px;}
.wrd-classroom .enter-box a.rxy_hs span.arr{ width:60px; height:60px; background-position:-100px 0; float:left; margin-top:10px; margin-left:30px; }

.wrd-classroom .enter-box a.rxy_msny {width:300px; text-align:center; position:absolute; top:70px; left:50%; margin-left:-150px;}
.wrd-classroom .enter-box a.rxy_msny h1,.wrd-classroom .enter-box a.rxy_msny h5{ font-weight:normal;}
.wrd-classroom .enter-box a.rxy_msny h1{ font-size:46px; margin:0}
.wrd-classroom .enter-box a.rxy_msny h5{ margin:10px 0 30px 0}
.wrd-classroom .enter-box a.rxy_msny span.doc{ width:20px; height:20px; background-position:-230px -10px; float:none; margin:0px auto; }
.wrd-classroom .enter-box a.rxy_msny span.arrow{ width:80px; height:80px; background-position:0 -70px;  float:none; margin:10px auto;  }

.enter-box .signup-flag{position:absolute;left:0;top:18px;}

.rxy_xxnr { background:#FFFFFF; color:#333;padding:20px 55px;}
.rxy_ylleft { border-right:1px solid #ba7d5e; width:85px;  font-size:36px; height:50px; line-height:60px; color:#333}
.rxy_right { width:470px;margin-left:20px; font-size:1.5em; color:#333}
.rxy_color { color:#ba7d5e;}
.rxy_wznr { font-size:1.6em; margin-top:20px; color:#333;line-height: 1.8em;}
.rxy_wznr span { color:#ba7d5e; font-size:1.8em;}
.cb:after,.cb_li li:after{content:"\20";display: block;width:0;height:0;clear:both;}
.bod{ border:1px solid red;}
.fL{float:left;}
.fR{float:right;}
.rxy_xxnr h1 { text-align:center; color:#c1a570;}
.rxy_bk { border-bottom:1px solid #c1a570;}
.rxy_bk2 { border-bottom:1px solid #999}
.rxy_bk2 img { position:absolute; margin-top:-5px;}


/*Love4*/
.wrd-love ul{width:630px;margin:5px;}
.wrd-love ul li{ float:left; width:305px; height:444px; margin:5px; padding:0; text-align:center; overflow:hidden; position:relative;}
.wrd-love ul li a{ display:block; text-align:center; vertical-align:middle; width:222px; height:222px; position:absolute; top:50%; left:50%; margin-top:-111px; margin-left:-111px;}
.wrd-love ul li a img{ margin:0 auto 10px auto;}
.wrd-love ul li a p{ font-size:28px; color:#FFF; margin:0}
.wrd-love ul li a p span{ font-size:24px; display:block;}

.timeline{ display:block; background-image:url(imgs/timeline.png); background-repeat:no-repeat;}
.wrd-love-cover{ margin-bottom:102px; position:relative; overflow:hidden; }
.wrd-love-cover .title{ width:290px; margin:90px auto 0 auto; text-align:center; }
.wrd-love-cover .title h5{font-size:32px; font-weight:400; color:#FFF; margin:20px 0 0 0;}
.wrd-love-cover .title img{ margin:0 auto;}
.wrd-love-cover .bgImage{ position:absolute; top:0; z-index:-1;}
.wrd-love-cover .bgImage img{ width:100%;}
.wrd-love4-cover{ height:907px; /*background:url(../imgs/love4.jpg) no-repeat center top;*/}
  .wrd-love-menu{ position:absolute; background:rgba(0,0,0,.6); position:absolute; bottom:1px;}
  .wrd-love-menu span.bdT{ width:100%; height:1px; display:block; background:url(imgs/love_menu_bd.png) repeat-x;}
  .wrd-love-menu td{ border:0px solid #666; height:140px;}
  .wrd-love-menu td span{ width:1px; height:140px; display:block; background:url(imgs/love_menu_bd.png) repeat-y;}  
  .wrd-love-menu a{ display:block; font-size:24px; color:#FFF; font-weight:normal;}
  .wrd-love-menu a img{ margin-bottom:10px; }
  
  .wrd-time-line{ position:relative;}
  .wrd-time-line span.bdL{ width:2px; height:100px; display:block; background:url(imgs/love_menu_bd.png) repeat; position:absolute; top:0; left:93px;}
  .wrd-time-line .title{ margin:0 50px 0 80px; overflow:hidden;}
  .wrd-time-line .title span{ float:left; width:30px; height:30px; background-position:-540px -160px; margin:14px 20px 0 0; overflow:hidden;}
  .wrd-time-line .title h5{ float:left; font-size:50px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0;}
  .wrd-time-line .title p{ font-size:24px; color:#FFF; display:block; padding:0 20px; border-radius:18px; height:36px; line-height:34px; background:#e7960a; float:left; margin:12px 0 0 15px;}
  .wrd-time-line .bgbd{ width:640px; background:url(imgs/love_menu_bd.png) 93px 0 repeat-y; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-320px; z-index:99;}
    .wrd-love-news-list{ margin:0 50px;}
  .wrd-love-news-list li{ overflow:hidden; clear:both; margin:20px 0; padding-bottom:20px;}
  .wrd-love-news-list .pic{ width:80px; height:80px; border-radius:40px; border:2px solid #FFF; float:left; margin:0; overflow:hidden;}
  .wrd-love-news-list .docline{ width:230px; height:80px; float:left; background-position:right -80px; margin-right:15px; }
  .wrd-love-news-list .docline.active{ width:230px; height:80px; float:left; background-position:right top; }
  .wrd-love-news-list .map{ width:40px; height:50px; background-position:-570px -160px; float:left; margin:12px 15px 0 0;}
  .wrd-love-news-list .infor{ float:left; margin:5px 0 0 0;}
  .wrd-love-news-list .infor p{ font-size:32px; color:#FFF; margin:0;}
  .wrd-love-news-list .infor span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:20px;}
  .wrd-love-news-list .more{ width:30px; height:60px; background-position:-610px -160px; float:right; margin:10px 0 0 0;}

  
  .wrd-love2-news .wrd-love-news-list .pic{ margin:16px 0 0 0}
  .wrd-love2-news .wrd-love-news-list .infor { width:370px;} 
  .wrd-love2-news .title{ width:550px;}
  .wrd-love2-news .title img{ margin-left:50px; margin-top:10px; width:463px; height:283px; border:3px solid #FFF; padding:0;}
  .wrd-love2-news .title span.more{ width:30px; height:60px; background-position:-610px -160px; float:right; margin:10px 0 0 0;}
  .wrd-love2-news .bg{ background:url(imgs/love2_news.jpg) no-repeat top center; height:100%; position:fixed;}
  .wrd-love4-news .bg{ background:url(imgs/love4_news.jpg) no-repeat top center; height:100%; position:fixed;}
  
  .wrd-love-content .title{ padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:40px;}
  .wrd-love-content .title h5{ font-size:42px; color:#000; font-weight:normal; margin: 0.8em 0 0.4em 0;line-height: 1.4em;}
  .wrd-love-content .title p{ margin:0;}  
  .wrd-love-content img{ width:100%;}
  
/*About*/
.wrd-ftnews.wrd-news .list li .pic{ width:30%}
.wrd-ftnews.wrd-news .list li .infor{ width:70%;}
.wrd-ftnews.wrd-news .list li a .infor p{ margin:30px 20px; font-size:28px;}

.wrd-class.wrd-classroom .enter-box a.rxy_ms .rxy_wz{ font-size:32px; margin-top:30px;line-height:36px; text-align: left;}
.wrd-class.wrd-classroom .enter-box a.rxy_ms .rxy_wz span{ font-size:42px; display:block; margin:4px 0;}
.wrd-class.wrd-classroom .enter-box a.rxy_ms span.ui{ width:60px; height:60px; background-position:-100px 0; float:right; margin-top:40px;}


.wrd-imglist{}
.wrd-imglist li{height:300px;margin:10px;position:relative;}
.wrd-imglist .link{position: relative;
  display: block; height: 90px; z-index: 5; float: right; padding:30px 105px 30px 30px; top: 50%; margin-top: -75px; right: 40px;
  border-radius: 35px;background-color:#cd9e44;}
/*.wrd-imglist .text{float:left;}*/
.wrd-imglist .indicator{display:inline-block;padding:61px 61px 0 0;position: absolute;
top: 50%; right: 0; margin-top: -30px;right:30px;
  background:url("imgs/imglistindict.png") no-repeat center center;}
.wrd-imglist .thumb{position:absolute;top:0;right:0;}
.wrd-imglist-c1 .link{background-color:#cd9e44;}

/* 荤食天地菜谱列表 */
.wrd-imglist-recipe{}
.wrd-imglist-recipe li{height:218px;overflow:hidden;background-color: #FFF;}
.wrd-imglist-recipe .link{height: 100%;width:100%;margin:0;padding: 0; top: 0;left:0; border-radius: 0;background-color:transparent;}
.wrd-imglist-recipe .text,
.wrd-imglist-recipe .indicator{display: block;width:35.3%;padding:0 30px;margin:0;text-align: center;position: static;}
.wrd-imglist-recipe .text{height: 58px;padding-top:50px;padding-bottom:15px;background-color:#f44444;
  font-size:30px;line-height: 1.4em;}
.wrd-imglist-recipe .indicator{height:60px;padding-bottom:35px;background-color:#f44444;
  background-image: url(imgs/knife.png);background-position: center top;}
.wrd-imglist-recipe .line2 .text{height: 78px;padding-top: 30px;} /* 当文字超过两行后使用 */
.wrd-imglist-recipe-c1 .text,
.wrd-imglist-recipe-c1 .indicator{background-color:#f44444;}
.wrd-imglist-recipe-c2 .text,
.wrd-imglist-recipe-c2 .indicator{background-color:#69b643;}
.wrd-imglist-recipe-c3 .text,
.wrd-imglist-recipe-c3 .indicator{background-color:#ef6478;}
.wrd-imglist-recipe-c4 .text,
.wrd-imglist-recipe-c4 .indicator{background-color:#89e195;}
.wrd-imglist-recipe-c5 .text,
.wrd-imglist-recipe-c5 .indicator{background-color:#d89d57;}
.wrd-imglist-recipe-c6 .text,
.wrd-imglist-recipe-c6 .indicator{background-color:#f96f00;}



.wrd-recipe-view{position:relative;}
.wrd-recipe-meta{position:absolute;top:0;width:100%;}
.wrd-recipe-name{font-size:60px;text-align:center;margin:80px 0 20px;line-height:0.5em;}
.wrd-recipe-helper{font-size:30px;text-align:center;padding-bottom:170px;margin:0;
  background:url("imgs/helper.png") scroll no-repeat center bottom;}
  .wrd-recipe-content .wrd-content{margin:40px 30px;text-align: justify;}



/* 公开课详情页面样式 */
.pub-detail{}
.pub-header{position:relative;}
.pub-header-img img{width:100%;}
.pub-info-wrap{/*height:140px;*/width:100%;background-color: rgba(0,0,0,0.3);position:absolute;left:0;bottom:0;}
.pub-title{font-size:40px;line-height:40px;margin:30px 30px 0;}
.pub-subtitle{font-size:24px;line-height:1.2em;margin:18px 30px 30px;}
.pub-class-intro{position:relative;width:100%;color:#bf9c5a;padding:25px 0;border-bottom:1px solid #ddcba8;background-color:#fcfaf7;}
.pub-time{position:absolute;width:200px;height: 160px;font-size: 30px;text-align: center; padding-top: 126px;top: 50%;margin-top: -80px;
   background:url("imgs/puclass-introbg.jpg") no-repeat 36px top;left:25px;}
.pub-intro{font-size:30px;line-height:1.6em;margin: 0 30px 0 225px;padding-left: 15px;height:142px;
background: url("imgs/puclass-introbg.jpg?89ii89") repeat-y -225px top;}

.pub-calendar{font-size:24px;color:#000;margin:30px 30px 0;}
.pub-class-week{border-top:1px solid #ece1cd;text-align:center;height:50px;margin-top:55px;clear:both;}
.pub-class-week span{display:inline-block;border-radius:40px;border:3px solid #FFF;background-color:#bf9c5a; padding: 10px 40px; color: #FFF; position: relative; top: -28px;}
.pub-class-content{float:left;margin:0 20px 60px 0;}
.pub-class-content + .pub-class-content{margin-right:0;}
.pub-class-thumb{font-size:0;}
.pub-class-name{text-align:center;padding:12px 0;background-color:#f2ebde;}

.pub-signup{background-color:#f6f6f6;color:#bf9c5a;height:150px;width:100%;text-align:center;clear:both;}
.pub-signup-text{font-size:36px;padding-top:35px;}
.pub-signup-text img{vertical-align: middle;margin-top: -10px;margin-right: 5px;}
.pub-signup-tel{font-size:48px;line-height: 1.4em;font-family: "Arial","Helvetica Light","Helvetica";}
/* 公开课详情页面样式 END */





